<script setup>
    
    let dialogVisible = $ref(false)

    let videoDetils = $ref({})

    const showVideoDialog = (data) => {
        dialogVisible = true
        videoDetils = data
    }

    defineExpose({
        showVideoDialog
    })


</script>

<template>
    <el-dialog
        v-model="dialogVisible"
        v-if="dialogVisible"
        :title="videoDetils.biaoti"
        width="1050px"
        custom-class="video-dialog"
        append-to-body
    >
        <video :src="videoDetils.url" controls></video>
    </el-dialog>
</template>

<style lang="less" scoped>
    .video-dialog{
        video{
            width: 100%;
            height: 500px;
        }
    }
</style>